<!-- 
    列表：主要【用来布局】，偶尔用来展示数据。

    1、无序列表  ul>li
        文章、新闻展示；
        尺寸大小一样的模块的布局（重点）。
    2、有序列表  ol>li
        排行榜。
    3、自定义列表  dl>dt+dd
        一般情况下，一个td对应多个dd，
        常见于网页底部的布局，
        即用于对术语或名词进行说明解释，且前面没有样式符号。

    注意：
        1）规范：亲儿子只能是li、dt、dd；
            即ul、ol中只嵌套li，dl只嵌套dt、dd；
            因为其它标签或文字不会被识别为【列表元素】。
        2）li、dt、dd当做一个容器，存放其它标签。
        3）样式属性、布局的知识，后面学到CSS时再讲。
            style="list-style-type: none;"
-->
<h4>无序列表</h4>
<ul style="list-style-type: disc;">
    <li>今天吃瓜了吗？</li>
    <li>昨天阳性患者数量清空，城市解除封禁</li>
    <li>我家猫一夜变成圆滚滚，原因竟然是...</li>
</ul>

<h4>有序列表</h4>
<ol>
    <li>小卤蛋[100w+]粉丝</li>
    <li>李白[50w+]粉丝</li>
    <li>狄仁杰[30w+]粉丝</li>
</ol>

<h4>自定义列表</h4>
<dl>
    <dt>联系我们</dt>
    <dd>新浪微博</dd>
    <dd>官方微信</dd>
    <dt>帮助中心</dt>
    <dd>账户管理</dd>
    <dd>购物指南</dd>
    <dd>订单操作</dd>
</dl>